*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    background: #d5d5d5;
    padding-top: 100px;
}

/*.swiper-container-1{*/
    /*width: 400px;*/
    /*height: 300px;*/
/*}*/
/*.swiper-slide{*/
    /*border-radius: 10px;*/
    /*background: white;*/

    /*font-size: 32px;*/
    /*color: #007aff;*/
    /*text-align: center;*/
    /*line-height: 300px;*/

    /*transform: scale(0.6);*/
    /*transition: 0.5s all;*/
/*}*/
/*.swiper-slide-active{*/
    /*transform: scale(1);*/
/*}*/






header{
    width:100%;
    height: 500px;
    background: lightsteelblue;
}
#f01,#f02{
    width:100%;
    height: 500px;
    padding: 50px;
    margin: 0 auto;
    text-align: center;
}

#f01>div{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background: cadetblue;
    margin: 100px;
    display: inline-block;
}
#f02>div{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background: olivedrab;
    margin: 100px;
    display: inline-block;
}
#f01 div:first-child{

}





